<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<title>&#161;Bienvenido a Phototroxo!</title>
		<link rel="stylesheet" type="text/css"  href="stylesheets/estilo_index.css" />
		<link href="images/favicon.ico" rel="shortcut icon" />
		<!-- INICIO DE JAVASCRIPT -->
		<!-- Validaci&#243;n del formulario -->
		<script type="text/javascript" language="JavaScript">
			function procesarIndex() {

				//Definici&#243;n de variables
				var ctrlUser = document.getElementById("usuario");
				var ctrlPassword = document.getElementById("password");
				var validado = true;
				var msgError = "";

				//Pone todos los labels en negro, &#250;til si el usuario se equivoca dos veces
				var labels = document.getElementsByTagName("label"), i;
				for( i = 0; i < labels.length; i++)
				labels[i].setAttribute("class", "default");

				if(ctrlUser.value.length < 4) {
					msgError += "- El nombre de usuario debe tener al menos cuatro caracteres\n";
					document.getElementById("label_usuario").setAttribute("class", "error");
					ctrlUser.value = "";
					validado = false;
				}

				if(ctrlPassword.value.length < 6) {
					msgError += "- La contrase" + String.fromCharCode(241) + "a debe tener al menos cuatro caracteres\n";
					document.getElementById("label_pass").setAttribute("class", "error");
					ctrlPassword.value = "";
					validado = false;
				}

				/*if(ctrlAcepto.checked == false) {
				 msgError += "- Debe aceptar las condiciones generales y la pol\xEDtica de privacidad\n";
				 document.getElementById("label_acepto").setAttribute("class", "error");
				 validado = false;
				 }*/

				if(msgError != "") {
					alert("Los datos introducidos no son v\xE1lidos, por favor compruebe lo siguiente:\n\n" + msgError);
				}
				return validado;
			}
		</script>
		<!-- Fin de validaci&#243;n del formulario -->
		<!-- FIN DE JAVASCRIPT -->
	</head>
	<body>
		<div id="div_header">
			<img id="img_header" src="images/header.png" alt="Phototroxo" />
		</div>
		<div id="div_form">
			<form id="index" action="index2.php" method="post" onsubmit="return procesarIndex()">
				<!-- <fieldset> -->
				<div id="div_registro">
					<div id="div_usuario">
						<label id="label_usuario" for="usuario">Usuario:</label>
						<input id="usuario" name="user" type="text" onFocus="blur" />
					</div>
					<div id="div_pass">
						<label id="label_pass" for="password">Contrase&ntilde;a:</label>
						<input id="password" name="password" type="password" onFocus="blur" />
					</div>
				</div>
				<!-- </fieldset> -->
				<div id="div_botones">
					<button id="button_submit">
						Iniciar sesi&#243;n
					</button>
					<a href="formulario.php" id="boton_registrar">&iquest;A&#250;n no eres usuario? &#161;Reg&#237;strate!</a>
				</div>
				<div id="div_passolvidada">
					<a id="text_passolvidada" href="nuevacontrasena.php">&iquest;Has olvidado tu contrase&ntilde;a?</a>
				</div>
				<div id="div_copyright">
					<p id="text_copyright">
						&copy; Phototroxo 2011/12
					</p>
				</div>
			</form>
		</div>
	</body>
</html>